<template>
<div class="create_project">
    <!-- <p>当前正在进行第 {{ currents + 1 }} 步</p> -->
    <Steps :current="currents" class="step_parent">
        <Step title="步骤1" class="step_child"></Step>
        <Step title="步骤2"></Step>  
    </Steps>
    <div class="form_box">
      <stepall :stepnames="stepname" ref="childStepAll"></stepall>
    </div>
    
    <!-- <Button type="primary" @click="next">下一步</Button> -->
</div>
</template>
<script>
import Util from "../../../libs/util";
import stepall from './stepcreateall.vue'
export default {
  components:{
    stepall
  },
  data() {
    return {
      idname:'stepone',
      current: 0
    };
  },
  props:{
    stepname:String,
    currents:Number
  },
  methods: {
    next() {
      
      if (this.current == 1) {
        this.current = 0;
        
      } else {
        this.current += 1;
      }
      switch (this.current) {
          case 0:
          this.idname = 'stepone'
          break;
          case 1:
          this.idname = 'steptwo'
          
          break;
          case 2:
          this.idname = 'stepthree'
          break;
          case 3:
          this.idname = 'stepfour'
          // this.$Modal.remove()
          break;
      }
    }
  }
};
</script>
<style lang="less" scoped>
.create_project {
  .form_box{
    margin-top: 20px;
    // margin-bottom:100px;
  }
 
  // .step_parent {
  //   overflow: hidden;
  //   width: 100%;
  //   .step {
  //     width: 100%;
  //     overflow: hidden;
  //     .form_box{
  //       width: 100%;
  //     }
  //   }
  // }
}
</style>

